/**
 * Tyler Gordon .me
 * Base styles
 * --------------------------------------------------
 * [BASE, Layout, Module, State, Theme] ~ SMACSS
 * --------------------------------------------------
 */

* { @include vendor(box-sizing, border-box); }

body {
  font-family: $fontStack;
  color: $black;
  width: $canvasSmall;
  margin-right: auto;
  margin-left: auto;
  @include rem(margin-top, $unit *2);
  @include rem(margin-bottom, $unit *4);
}

a {
    @include transition();
    color: $color1;
    text-decoration: none;

    &:hover {
        text-decoration: underline;
    }

    img {
        border: 0;
    }
}

hr {
    border-style: solid none none none;
    border-width: 1px 0 0 0;
    border-color: inherit;
}

hgroup {
    & > :first-child {
        margin-bottom: 0;
    }
    & > :last-child {
        margin-top: 0;
    }
    & > :not(:first-child):not(:last-child) {
        margin-top: 0;
        margin-bottom: 0;
    }
}

figure {
    margin: 0;

    figcaption {
        @include rem(margin-top, $unit /2);
    }
}

nav ul {
    padding-left: 0;
}
